<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr">
    <head>
        <!--
            -This can be done other ways, but it ensures that the HTTP response says the right content type
            -for XHTML. It is much better to say it actually is xhtml+xml than to try and say that its
            -regular HTML because you will get strange rendering problems if you try and say its just
            -HTML
        -->
        <meta http-equiv="Content-Type" content="xhtml+xml; charset=utf-8" />
        <link rel="stylesheet" media="all" type="text/css" href="./stylesheets/main.css" />
        <title>Open Campus Portal - Lynx Template</title>
    </head>
    <body>
        <div id="container">
            <!-- ***********************************
               - HEADER
                 *********************************** -->
            <div id="header">
                <img src="./images/banners/OCP_Temp_Logo.png" alt="Open Campus Portal" />
            </div>
            <!-- ***********************************
               - NAVIGATION
                 *********************************** -->
            <div id="nav">
                <ul>
                    <li><a href="#" id="current">Home</a></li>
                    <li><a href="#">Tasks</a></li>
                    <li><a href="#">Courses</a></li>
                    <li><a href="#">Mail</a></li>
                    <!--<li><a href="#">More ></a></li>-->
                    <li><a href="#">Logout</a></li>
                </ul>
            </div>
            <!-- ***********************************
               - BREADCRUMB
                 *********************************** -->
            <div id="breadcrumb">
                <ul>
                    <li><a href="#home">Home</a></li>
                </ul>
            </div>
            <!-- ***********************************
                 MAIN CONTENTS
                 *********************************** -->
            <div id="contents">
                content<br />
                content<br />
                content<br />
                content<br />
            </div>
            <!-- ***********************************
                 FOOTER 
                 *********************************** -->
            <div id="footer">
                <!--<span>&copy; 2007 Open Campus Portal</span>-->
                <a href="#"><img src="./images/badges/somerights.png" alt="Creative Commons"/></a>
            </div>
        </div>
    </body>
</html>
